<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon " href="stylesheets/favicon.ico" type="images/x-icon"/>
    <link rel="stylesheet" href="stylesheets/bootstrap.css">
    <link rel="stylesheet" href="stylesheets/normalize.css"/>
    <link rel="stylesheet" href="stylesheets/common.css">
    <link rel="stylesheet" href="stylesheets/page-home.css">
    <link rel="stylesheet" href="stylesheets/base.css"/>
    <link rel="stylesheet" href="stylesheets/page-index.css"/>
    <link rel="stylesheet" href="stylesheets/page-list.css">
    <link rel="stylesheet" href="stylesheets/page-item.css">
    <link rel="stylesheet" href="stylesheets/page-cart.css">
    <script src="javascripts/jquery-3.1.1.js"></script>
    <script src="javascripts/bootstrap.js"></script>
    <script src="javascripts/search.js"></script>

    <meta name="description" content="品优购商城——专业的综合网上购物商城，网页介绍">
    <meta name="Keywords" content="网上购物，网上商城，手机，笔记本，电脑。">
    <title><%=data.title %></title>

</head>
<body>
<!--header部分 start-->
<header>
    <div class="w taobao" id="taobao">
        <ul>
            <li><a href="#">
                <img src="images/heard.png" alt="广告" height="70" width="1190">
            </a></li>
            <li><div class="sanchu"><button  id="gg">×</button></div></li>
        </ul>
    </div>
</header>
<!--导航栏-->
<div class="shortcut">
    <div class="w">
        <!--左侧浮动-->
        <ul class="fl city nav nav-tabs">
            <li class="dropdown" >
                <a href="#" data-toggle="dropdown">
                    <i style="color: red"></i>北京&nbsp;
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">上海</a></li>
                    <li><a href="#">广东</a></li>
                    <li><a href="#">湖南</a></li>
                    <li><a href="#">湖北</a></li>
                    <li><a href="#">四川</a></li>
                    <li><a href="#">重庆</a></li>
                </ul>
            </li>
        </ul>

        <!--右侧浮动-->
        <ul class="fr nav nav-tabs ">
            <li><a href="/login" id="loginname"><%= data.userName %></a></li>
            <li> <a href='<%=data.url %>'class="f10"><%=data.loginstatu %></a></li>
            <li><a href="/cart">我的订单&nbsp;<span class="caret"></span> </a></li>
            <li><a href="#">我的商城</a></li>
            <li><a href="#">商城会员</a></li>
            <li><a href="#">企业采购</a></li>
            <li class="dropdown" ><a href="#" data-toggle="dropdown">客户服务&nbsp;<span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="#">企业购</a></li>
                    <li><a href="#">礼品卡</a></li>
                    <li><a href="#">工业品</a></li>
                    <li><a href="#">场景管</a></li>
                </ul>
            </li>
            <li class="dropdown" ><a href="#" data-toggle="dropdown">网站导航&nbsp;<span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="#">特色主题</a></li>
                    <li><a href="#">行业服务</a></li>
                    <li><a href="#">生活服务</a></li>
                    <li><a href="#">更多精选</a></li>
                </ul>
            </li>
            <!--<li class="span"></li>-->
            <li><a href="#"  class="mobeile ">手机商城<img src="images/二维码.jpg" alt="二维码"></a>
            </li>
        </ul>
    </div>
</div>
<!--header部分 end-->
<!--middle中间部分 start-->
<div class="bian">
    <div class="w middle ">
        <!--大二维码图标-->
        <div class="logo">
            <h1>
                <a href="/"></a>
            </h1>
        </div>
        <!--搜索框部分-->
        <div class="serch">
            <form action="/search" method="get">
                <input type="text" name="search_key"  id="search_key" placeholder="请输入！">
                <button id="search_send" name="search_send" ><i></i></button>
            </form>

        </div>
        <!--购物车-->
        <div class="shopcar">
            <i></i>
            <a href="/cart"> 我的购物车</a>
            <span>0</span>
        </div>
        <!--热门关键词-->
        <div class="hotword">
            <a href="#">99满减80</a>
            <a href="#">电脑配件</a>
            <a href="#">智能家电</a>
            <a href="#">苹果手机</a>
            <a href="#">家电下乡</a>
            <a href="#">领取优惠卷</a>
            <a href="#">1分钱秒杀</a>
        </div>

        <!--第三行导航 start-->
        <div class="NavList">
            <!--商品分类-->
            <div class="all-sorts-list">
                <div class="all-sort">
                    <h4>全部商品分类</h4>

                </div>
            </div>
            <!--小导航-->
            <div class="navitems">
                <ul>
                    <li><a href="#">秒杀</a></li>
                    <li><a href="#">闪购</a></li>
                    <li><a href="#">拍卖</a></li>
                    <li><a href="#">服装</a></li>
                    <li><a href="#">生鲜</a></li>
                    <li><a href="#">全球购</a></li>
                    <li><a href="#">电脑</a></li>
                    <li><a href="#">优惠价</a></li>
                    <li><a href="#">优惠拼单</a></li>
                    <li><a href="#">限时抢购</a></li>
                </ul>
            </div>

            <!--第三行导航 end-->
        </div>
    </div>
</div>

<!--middle中间部分 end-->